<template>
  <uni-datetime-picker
    clearIcon
    v-model="date"
    type="daterange"
    @change="maskClick" />
</template>

<script setup lang="ts">
const date = ref("");
const emit = defineEmits(["update:date"]);

const maskClick = (e: any) => {
  emit("update:date", e);
};
</script>

<style lang="scss" scoped>
::v-deep.uni-date-x--border {
  border: 1px solid rgb(228, 228, 228);
  border-radius: 5px;
  .uniui-calendar {
    display: none;
  }
  .uni-date__x-input {
    box-sizing: border-box;
    height: 38px;
    line-height: 38px;
    color: rgb(8, 18, 30);
    font-family: HarmonyOS Sans SC;
    font-size: 14px;
  }
}
</style>
